<ion-header>
  <ion-toolbar>
    <ion-title>{{"reportTitle" | translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="home-default">
  <ion-list>
    <ion-row>
      <ion-col>
        <div style="padding-top: 10px;width: 40px;">{{"fromTime" | translate}}:</div>
      </ion-col>
      <ion-col>
        <ion-datetime displayFormat="MM/DD/YYYY" min="2018" max="2050-10-31" [(ngModel)]="this.fDateStr" (ionChange)="initData()" cancelText="{{'cancel' | translate}}"
          doneText="{{'done' | translate}}">
        </ion-datetime>
      </ion-col>
      <ion-col>
        <div style="padding-top: 10px;width: 40px;">{{"toTime" | translate}}:</div>
      </ion-col>
      <ion-col>
        <ion-datetime displayFormat="MM/DD/YYYY" min="2018" max="2050-10-31" [(ngModel)]="this.tDateStr" (ionChange)="initData()" cancelText="{{'cancel' | translate}}"
          doneText="{{'done' | translate}}">
        </ion-datetime>
      </ion-col>
    </ion-row>
    <ion-item>
      <div echarts [options]="moveChartOptions" style="height: 240px;width: 100%;" (chartInit)="onMoveChartInit($event)"></div>
    </ion-item>
    <ion-item>
      <div echarts [options]="awayAlarmChartOptions" style="height: 200px;width: 100%;" (chartInit)="onAwayAlarmChartInit($event)"></div>
    </ion-item>
    <ion-item>
      <div echarts [options]="breatheAlarmChartOptions" style="height: 200px;width: 100%;" (chartInit)="onBreatheAlarmChartInit($event)"></div>
    </ion-item>
    <ion-item>
      <div echarts [options]="heartAlarmChartOptions" style="height: 200px;width: 100%;" (chartInit)="onHeartAlarmChartInit($event)"></div>
    </ion-item>
    <ion-item>
      <div echarts [options]="wetAlarmChartOptions" style="height: 200px;width: 100%;" (chartInit)="onWetAlarmChartInit($event)"></div>
    </ion-item>
    <ion-item>
      <div echarts [options]="hChartOptions" style="height: 240px;width: 100%;" (chartInit)="onHChartInit($event)"></div>
    </ion-item>
    <ion-item>
      <div echarts [options]="bChartOptions" style="height: 240px;width: 100%;" (chartInit)="onBChartInit($event)"></div>
    </ion-item>

  </ion-list>
</ion-content>
